<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>抑郁症</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link th:href="@{/css/disease_page.css}" rel="stylesheet" type="text/css">

</head>
<body>
<div class="pre-header">
    <a href="index.html">返回首页</a>

</div>
<div class="container">

    <div class="row">
        <div class="col-xs-9">
            <div class="jumbotron">
                <div class="jumbotron_header">抑郁症</div>
                <div class="jumbotron_content">
                    又称：抑郁障碍、忧郁症
                </div>
                <div class="jumbotron_content">
                    就诊科室：精神心理科
                </div>
            </div>
            <div class="main">
                <div class="level1" id="section-1">
                    概述
                </div>
                <div class="level2">#</div>
                <hr>
                <div class="level1" id="section-2">
                    症状

                </div>
                <div class="level2">#</div>
                <hr>
                <div class="level1" id="section-3">
                    病因

                </div>
                <div class="level2">#</div>
                <hr>
                <div class="level1" id="section-4">
                    就医
                </div>
                <div class="level2">#</div>
                <hr>
                <div class="level1" id="section-5">
                    诊断
                </div>
                <div class="level2">#</div>
                <hr>
                <div class="level1" id="section-6">
                    治疗
                </div>
                <div class="level2">#</div>
                <hr>
                <div class="level1" id="section-7">
                    预后
                </div>
                <div class="level2">#</div>
                <hr>
                <div class="level1" id="section-8">
                    日常
                </div>
                <div class="level2">#</div>
                <hr>
            </div>
        </div>
        <div class="col-xs-3" >
            <div class="box">
                <div class="title">目录</div>
                <div class="directory">
                    <div class="item"><a href="#section-1">概述</a></div>
                    <div class="item"><a href="#section-2">症状</a></div>
                    <div class="item"><a href="#section-3">病因</a></div>
                    <div class="item"><a href="#section-4">就医</a></div>
                    <div class="item"><a href="#section-5">诊断</a></div>
                    <div class="item"><a href="#section-6">治疗</a></div>
                    <div class="item"><a href="#section-7">预后</a></div>
                    <div class="item"><a href="#section-8">日常</a></div>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>